<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>main</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <style>
        .bg_p{
                margin-top: 0px;
        }
        .person{
                transform: scale(0.5);
                float: left;
        }
        .role_1{
                margin-top: 20px;
<<<<<<< HEAD
                position:absolute;
                top:120px;
                left:-150px;
        }
        .conversation{
          position:absolute;
          top:320px;
          left:290px;
          width: 600px;
          height: 150px;
          background-color: rgba(128,128,128,0.5);
          border-radius: 5px;
          /* 圆角 */
          margin: 0px auto 0;
          margin-right: 30px;
          text-indent: 6px;
          line-height: 35px;
      }
      .next{
              float: right;
              margin-bottom: 2px;
=======
                float: left;
        }
        .conversation{
          position: absolute;
          left:160px;
          top: 205px;
          width: 500px;
          height: 120px;
          background:rgba(51,255,255,.5);
          border-radius: 5px;
          /* 圆角 */
          text-indent: 6px;
          line-height: 35px;
      }
      .bg_p img{
        position:absolute;
        left:0px;
        top:0px;
        z-index:-1;
        width:100%!important;
        height:100%!important;
        width:expression(this.width > 150 ? "150px" : this.width)!important;
      }
      .role_1 img{
        float: left;
        margin-left: -130px;
        margin-top: 0px;
        width:100%!important;
        height:150%!important;
>>>>>>> ed4d2db319e5dcaacdb31cea501a7f757dd80bbb
      }
    </style>
</head>

<body>
<<<<<<< HEAD
        <p>mian页面</p>
=======
>>>>>>> ed4d2db319e5dcaacdb31cea501a7f757dd80bbb
        <div class="bg_p">
          <img src="../image/p_path.jpg" alt="">
        </div>
        <div class="role_1">
          <img class="person"src="../image/person.png" alt="">
        </div>
<<<<<<< HEAD
        <div class="conversation">
                <div class="content">
                        <div class="next"><a herf = ""><b>>>下一页</b></a></div>
                </div>
        </div>
=======
        <div class="conversation"></div>
>>>>>>> ed4d2db319e5dcaacdb31cea501a7f757dd80bbb
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.setScreenOrientation({
            orientation: 'landscape_left'
        });
    };
    var mo=function(e){e.preventDefault();};
        function stop(){
                document.body.style.overflow='hidden';
                document.addEventListener("touchmove",mo,{passive:false});//禁止页面滑动
        }//直接默认不让滑动
        stop();


// /***取消滑动限制***/
// function move(){
//         document.body.style.overflow='';//出现滚动条
//         document.removeEventListener("touchmove",mo,{passive:false});
// }
</script>

</html>
